@charset "utf-8";
/* CSS Document */

body,ul,h3,p,figure,button {margin: 0;padding: 0;font-family: "微软雅黑";}
html{font-size: 100%;overflow-x:hidden}
body{min-width: 320px;font-size: 1em; -webkit-text-size-adjust: none; background:#eee;overflow-x:hidden}
a{ text-decoration:none}
strong{ font-weight:normal}
img{border: 0 none; vertical-align:top; width:100%;}
li{ list-style:none}
.main{ min-width:320px; max-width:640px; margin:0 auto; font-size:14px; width:100%;}
.m-t10{ margin-top:10px;}
.p-b20{ padding-bottom:0.5em;}
.red{ color:red}
.green{ color:#02bf33}
.orange{ color:#fab206}
.bg-white{ background:#fff;}
.bg-orange{ background:#ffb244;}
.text-center{text-align:center}
.font-bold{font-weight:bold;}
.font-size30{font-size:1.5em}
.btn{ background:#ff7a4d; border:none; display:inline-block; border-radius:10px; height:2.66em; width:80%; margin:2.2em 0 0 10%; color:#fff; text-align:center; line-height:2.66em}
.dbtn{ background:#30bb74; border:none; display:inline-block; border-radius:10px; height:2.66em; width:80%; margin:2.2em 0 0 10%; color:#fff; text-align:center; line-height:2.66em}
.buttons{ height:2.5em; background:#ffb245; width:90%; color:#fff; display:inline-block; border-radius:1.66em; font-size:0.77em; text-align:center; line-height:2.5em; margin-top:1em}
.bg-green{ background:#98ad28;}
.adv-box{ padding:2%; background:#fff;}
.raiders-box{ padding-left:5%; background:#fff;}
.raiders-box h3{ font-size:1.3em; height:3em; color:#1e1e1e; line-height:3.8em}
.raiders-box p{ font-size:1em; line-height:2.2em; color:#676767;}
.details-list{}
.details-list li{ border-bottom:1px solid #c7c5c6; padding:3% 0; background:#fff;}
.details-list li.active{ background:#e6ffdd}
.details-list li p{color:#949494; line-height:1.6em; padding:0 3% 0 5%}
.details-list li p span{ color:#343434}
.details-list li p .next{ color:red}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{ display:block; content:""; clear:both; height:0; visibility:hidden}
.referee-box{  background:url(/share/top_bg1.gif) no-repeat; height:7.06em; background-size:100% 100%;}
.referee-box p{ color:#e78a05; line-height:1.7em;  text-align:center}
.referee-box p.user-info{ font-size:1.33em; padding:0.5em 0 0.3em}
.referee-box p.user-info span{ font-weight:bold}
.referee-num{ background:url(/share/top_bg22.png) no-repeat; height:8.66em; background-size:100% 100%; color:#fff;}
.referee-num p{ font-size:1.15em; padding-top:6.4em}
.phone-box{ padding-top:2.33em}
.phone-box input{ height:2.4em; border-radius:5px; display:inline-block; width:80%; margin:0 10%; line-height:2.4em; -webkit-appearance: none; border:none; border:1px solid #ccc; font-family:"微软雅黑"; font-size:1.2em; text-align:center }
.phone-box .phone-box-tips{ color:#989898; text-align:center; font-size:0.9em; padding:1em 0 0.5em 0}
.adv-text{ text-align:center; padding-top:2.5em; line-height:1.5em; color:#ca2020}
.top-info p{ font-size:1em}
.succ-tips{ padding:2em 0 1em; font-weight:bold}


.login-box{ font-size:1.5em; width:94%; margin:0 auto; background:#fff; border-radius:10px; margin-top:0.5em; box-shadow:3px 3px 8px rgba(0,0,0,0.3); padding-bottom:1.388em }
.login-box ul{font-size:1.1em; overflow:hidden; width:90%; margin:0 auto; }

.login-box ul li{ border-bottom:1px solid #eee; height:2.05em; background:#fff; -overflow:hidden;}
.login-box ul li span{height:100%; width:26%; font-size:0.7em; color:#333; float:left; line-height:3em}
.login-box ul li input{background:#fff ; border:none; padding:0.53em 0; outline:none; width:68%; font-size:1em; font-family:"微软雅黑"; float:left; height:1em;}
.login-box ul li input.code{ width:35%;}
.login-box .done-btn{ margin-top:1em}
.code::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
.code::-webkit-outer-spin-button {
     -webkit-appearance: none;
}
.login-box .getCode{ float:right; margin-right:0.5em; width:35%; height:100%}
.login-box .getCode a{ border:1px solid #ffa72d; float:left; color:#ffa72d; background:#fff; border-radius:1.66em; font-size:0.65em; width:100%; text-align:center; height:2.05em; line-height:2.15em; margin-top:0.5em}
.login-box .getCode a.disabled{border:1px solid #eee; color:#aaa; background:#eee;}
.tips-box{ text-align:center}
.tips-box p{ padding:2.5em 1em;}
.regBtn { width:92%; margin:5% 4%}
.tips-box p.regSucc-tips{font-size:0.9em; color:red; text-align:left; padding:0 0 0 5%}
.link-btn{ padding:5%; text-decoration:underline; color:blue}
.btn-box a{ display:inline-block; width:80%}
.btn-box-old a{ display:inline-block; width:90%}
.m-t30{ margin-bottom:30px;}
.login-box ul li.erro-tips{ color:#ff6600; position:relative; text-indent:0.5em;  height:2.7em; line-height:2.7em; font-size:0.75em}
.text-right div{ text-align:right}
.account-list li{ border-bottom:1px solid #c7c5c6; padding:3%; background:#fff; font-size:1.2em}
.account-list li div div{ padding:3% 0;}
.gray{ color:#939393; font-size:0.9em} 
.news{ background:#fff; padding:3%; -font-size:1.4em; margin-bottom:1em}
.news p{ padding:2% 0 0}
.news .time{ font-size:0.85em; color:#999; padding-left:2em}
.news figure{ position:relative; height:6em; margin:0.3em 0; overflow:hidden;}
.news figure img{ position:absolute; top:0; left:0}
.news figure figcaption{ background:rgba(0,0,0,0.5); position:absolute; width:100%; color:#fff; bottom:0; left:0; padding:2%}
.news .outline{ color:#999; line-height:1.4em; height:1.2em; overflow:hidden; margin-bottom:0.5em; text-overflow: ellipsis;}
.news p.read-more{ padding:0; cursor:pointer}
.news #video-box{ background:url(/share/video_bg.gif) no-repeat; background-size:cover; position:relative}
.news #play{ position:absolute; left:35%; top:45%; background:url(/share/play_btn.png) no-repeat; width:100px; height:100px; border-radius:50px 50px; line-height:100px; text-align:center; text-indent:-9999px;}
#mask{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5)}
#mask img{ position:absolute; right:0px; top:0px; width:80%}
@media screen and (min-width: 480px) {.main{font-size:20px;}}
@media screen and (min-width: 640px) {.main{font-size:30px;}}
